﻿<%@ Page Title="Home Page" Language="vb" MasterPageFile="~/Site.Master" AutoEventWireup="false"
    CodeBehind="Default.aspx.vb" Inherits="Macrography._Default" %>
    
    
    <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
    
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

 <a href="DewDroplist.aspx"><div id="box1"  style=" height: 350px;
    width: 350px;

    position: absolute;
    left: 10%;
    border-radius: 4%;
    text-align: left;
    color: #f5f5f5;
    font-size: 30px;
    background-image:url(images/dewdrop3.jpg);" >
   D<br />E<br />W<br /><br/> D<br/>R<br/>O<br/>P
    
    </div>
     </a>
     <a href="Naturelist.aspx" id="box2">
    <div id="box2" style=" height: 350px;
    width: 350px;

    position: absolute;
    left: 15%;
    border-radius: 4%;
    text-align: left;
    color: #f5f5f5;
    font-size: 35px;
    background-image:url(images/nature3.jpg);">N<br />A<br />T<br />U<br/>R<br/>E</div>
    </a>

    <a href="Eyelist.aspx" >

     <div id="box3" style=" height: 350px;
    width: 350px;

    position: absolute;
    left: 30%;
    border-radius: 4%;
    text-align: left;
    color: #f5f5f5;
    font-size: 45px;
    background-image:url(images/eye.jpg);">
    E<br/>Y<br/>E
    </div>
    </a>
     
     <a href="Wildlifelist.aspx"> 

    <div id="box4" style=" height: 350px;
    width: 350px;

    position: absolute;
    left: 40%;
    border-radius: 4%;
    text-align: left;
    color: #f5f5f5;
    font-size: 35px;
    background-image:url(images/wild.jpg);">
    W<br/>I<br/>L<br/>D<br/>L<br/>I<br/>F<br/>E
    </div>
    </a>

    <a href="Insectslist.aspx" >
     <div id="box5" style=" height: 350px;
    width: 350px;

    position: absolute;
    left:50%;
    border-radius: 4%;
    text-align: left;
    color: #f5f5f5;
    font-size: 40px;
    background-image:url(images/insects.jpg);">
    I<br/>N<br/>S<br/>E<br/>C<br/>T<br/>S
    </div>
    </a>

    <a href="Flowerslist.aspx">  
    <div id="box6" style=" height: 350px;
    width: 350px;

    position: absolute;
    left: 60%;
    border-radius: 4%;
    text-align: left;
    color: #f5f5f5;
    font-size: 40px;
    background-image:url(images/flower2.jpg);">
    F<br/>L<br/>O<br/>W<br/>E<br/>R<br/>S
    </div>
                    </a>
</asp:Content>
